<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人资料</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../plugins/mui/mui.min.css">
		<script src="../../js/statistics.js"></script>
		<style type="text/css">
			 *{
            box-sizing: border-box;
            font-family: 'Microsoft YaHei';
	        }
	        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form,  input, p, table, th, td ,select,option{
	            padding: 0;
	            margin: 0;
	            list-style: none;
	        }
	        .clearfix:before{
				display:table;
				content:'';
	        }
	        .clearfix:after{
	            display:table;
	            content:'';
	            clear:both;
	        }
			/*title的样式覆盖*/
			.mui-bar{
				background-color:#43ac45;
				top:0;
			}
			.mui-bar>a{
				color:#fff;
			}
			.mui-title{
				color:#fff;
			}
			/*列表数字角标移动防止盖住右箭头*/
			.mui-table-view-cell>.mui-badge{
				right:40px;
			}
			.mui-table-view{
				margin-top:10px;
			}
			.mui-navigate-right{
				line-height: 22px;
				font-size: 15px;
			}
			.icon1{
				width:21px;
				height:21px;
				float:left;
				margin-right:10px;
				/*vertical-align: middle;*/
				display:block;
			}
			.mui-badge-red{
				background-color:#ef113a;
			}
			.icon2>li>a>img{
				width:59px;
				height:59px;
				margin-right:28px;
			}
			.icon2>li>a{
				line-height:59px;
				font-size: 16px;
			}
			.icon2>li>span{
				position: absolute;
				top: 50%;
				right: 50px;
				-webkit-transform: translateY(-50%);
				width:26px;
				height:26px;
				background:url('../../images/my/index/erweima.png') no-repeat center center;
				background-size: cover;
			}
			.mui-table-view:before{
				display:none;
			}
			.mui-table-view:after{
				display:none;
			}
			.mui-table-view-cell:after{
				background-color:#e5e5e5;
			}
			.mui-table-view-cell>span{
				position: absolute;
				top: 50%;
				right: 10.6%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				color:#999;
				font-size:14px;
				line-height: 14px;
				height:14px;
			}
			.mui-table-view-cell>img{
				position: absolute;
				top: 50%;
				right: 40px;
				-webkit-transform: translateY(-52%);
				transform: translateY(-52%);
				color:#999;
				font-size:14px;
				width:36px;
				height:36px;
				display:block;
			}
			.mui-navigate-right.none:after{
				display:none;
			}
			/*上谈菜单*/
			.mui-popover.mui-popover-action .mui-table-view{
				color:#43ac45;
			}
			.mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:last-child:after{
				display:none;
			}
			/*百分比优化*/
			.mui-table-view-cell {
				padding: 11px 4%;
			}
			.mui-table-view-cell>a:not(.mui-btn){
				margin: -11px -4%;
			}
			.mui-navigate-right:after, .mui-push-right:after {
				right: 4%;
			}
			.mui-table-view-cell>img{
				right:10.6%;
			}
			#erweima>img{
				width:20px;
				height:20px;
			}
		</style>
	</head>
	<body>
		<ul class="mui-table-view" >
		    <li class="mui-table-view-cell" onclick='userImg()'>
		        <a class="mui-navigate-right">
		        	头像
		        </a>
		        <img src="../../images/my/index/gray.png" id='mainImage'/>
				<!--<span class="mui-badge mui-badge-red">11</span>-->
		    </li>
		    <li class="mui-table-view-cell" onclick='userName()'>
		        <a class="mui-navigate-right">
		       	 昵称
		        </a>
		        <span id='userName'></span>
				<!--<span class="mui-badge mui-badge-red">11</span>-->
		    </li>
		     <li class="mui-table-view-cell">
		        <a class="mui-navigate-right none">
		       	 用户名
		        </a>
		        <span id='userName1'></span>
				<!--<span class="mui-badge mui-badge-red">11</span>-->
		    </li>
		     <li class="mui-table-view-cell" onclick='userText()'>
		        <a class="mui-navigate-right">
		       	个性签名
		        </a>
		        <span id='userText'></span>
				<!--<span class="mui-badge mui-badge-red">11</span>-->
		    </li>
			<li class="mui-table-view-cell" id='erweima'>
				<a class="mui-navigate-right">
					我的二维码
				</a>
				<img src="../../images/my/index/erweima.png" />
				<span id=''></span>
				<!--<span class="mui-badge mui-badge-red">11</span>-->
			</li>
		</ul>
		<ul class="mui-table-view">
		    <li class="mui-table-view-cell" onclick='userTrueName()'>
		        <a class="mui-navigate-right">
		        	实名认证
		        </a>
		        <span id='userTrueName'></span>
<!--				<span class="mui-badge mui-badge-red">11</span>-->
		    </li>
		    <li class="mui-table-view-cell" onclick='gender()'>
		        <a class="mui-navigate-right">
		        	性别
		        </a>
		        <span id='gender'></span>
<!--				<span class="mui-badge mui-badge-red">11</span>-->
		    </li>
		     <li class="mui-table-view-cell">
		        <a class="mui-navigate-right none">
		        	手机
		        </a>
		        <span id='telephone'></span>
<!--				<span class="mui-badge mui-badge-red">11</span>-->
		    </li>
		     <li class="mui-table-view-cell" onclick='eMail()'>
		        <a class="mui-navigate-right">
		        	邮箱
		        </a>
				<span id='eMail'></span>
		    </li>
		     <li class="mui-table-view-cell" onclick='city()'>
		        <a class="mui-navigate-right">
		        	地址
		        </a>
				<span id='city'></span>
		    </li>
		</ul>
		<script type="text/javascript" src="../../plugins/jquery/jquery-3.1.0.min.js"></script>
		<script src="../../plugins/mui/mui.min.js"></script>
		<!--<script type="text/javascript" src="../plugins/mui/update.js"></script>-->
		<script src="../../js/getApiToken.js"></script>
		<script src="../../js/md5.js"></script>
		<script type="text/javascript">
	  		mui.init({
	  			  bounce:'vertical'
	  		});
			mui.plusReady(function(){
			  	$('#mainImage').on('load',function(){
					plus.nativeUI.closeWaiting();
				});
				plus.nativeUI.showWaiting();
				init();
				//初始化个人资料页面
				function init(){
					//头像
					if(plus.storage.getItem('cg_headimgurl')){
						$('#mainImage')[0].src=plus.storage.getItem('cg_headimgurl');
					}else if((plus.storage.getItem('cg_sex')==0)||(plus.storage.getItem('cg_sex')==1)){
						$('#mainImage')[0].src='../../images/my/index/man.svg';
					}else{
						$('#mainImage')[0].src='../../images/my/index/woman.svg';
					}
					//昵称
					if(plus.storage.getItem('cg_nickname')){
						$('#userName')[0].innerHTML=plus.storage.getItem('cg_nickname');
					}else{
						$('#userName')[0].innerHTML=='未填写';
					}
					//用户名
					if(plus.storage.getItem('cg_username')){
						$('#userName1').html(plus.storage.getItem('cg_username'));
					}
					//个性签名
					if(plus.storage.getItem('cg_signature')){
						$('#userText').html('');
					}else{
						$('#userText').html('未填写');
					}
					//实名认证 每次都需要实时获取 除了已经认证成功
					if(plus.storage.getItem('cg_certification')!=1){
						myAjax('personal/user_profile/getselfprofile', 'get', {
							'user_id': plus.storage.getItem('cg_user_id'),
							'user_token': plus.storage.getItem('cg_user_token')
					}, function(data) {
							if(!data.success){
								plus.nativeUI.alert(data.error_msg, function() {
								}, "错误", "确定");
								return ;//发生错误 就直接退出
							}
							plus.storage.setItem('cg_certification', data.certification);
							if(plus.storage.getItem('cg_certification')==-1){
								$('#userTrueName').html('未认证');
							}else if(plus.storage.getItem('cg_certification')==0){
								$('#userTrueName').html('审核中');
							}else if(plus.storage.getItem('cg_certification')==1){
								$('#userTrueName').html('认证成功');
							}else if(plus.storage.getItem('cg_certification')==2){
								$('#userTrueName').html('认证失败');
							}
						});
					}
					//性别
					if((plus.storage.getItem('cg_sex')==0)||(plus.storage.getItem('cg_sex')==1)){
						 $('#gender').html('男');
					}else{
						 $('#gender').html('女');
					}
					//手机
					if(plus.storage.getItem('cg_mobile')){
						$('#telephone').html(plus.storage.getItem('cg_mobile'));
					}
					//邮箱
					if(plus.storage.getItem('cg_email')){
						$('#eMail').html(plus.storage.getItem('cg_email'));
					}else{
						$('#eMail').html('未填写');
					}
					//地址
					if(plus.storage.getItem('cg_city')){
						$('#city').html(plus.storage.getItem('cg_city').split('|')[1]+' '+plus.storage.getItem('cg_city').split('|')[3]);
					}else{
						$('#city').html('未填写');
					}
					$('#mainImage')[0].onload=function(){
						//关闭等待框
						var main = plus.webview.getWebviewById('user.html');//或者通过A页面id获取A页面对象
						mui.fire(main, "pageflowrefresh" ,{'ok':'ok'});//出发A页面的pageflowrefresh方法
					}
				}

				var erweima = document.getElementById("erweima");
				//监听点击事件
				erweima.addEventListener("tap", function() {
					mui.openWindow({
						url: 'erweima.html',
						id: 'erweima.html',
						show: {
							autoShow: false, //页面loaded事件发生后自动显示，默认为true
							duration: 200 //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
						},
						waiting: {
							title: '正在加载...' //等待对话框上显示的提示内容
						}
					})
				});

			});

	  		//用户头像跳转
			function userImg(){
				mui.openWindow({
				    url:'user-1.html',
				    id:'user-1.html',
				     show:{
					      autoShow:false,//页面loaded事件发生后自动显示，默认为true
					      duration:200//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
					},
					 waiting:{
				      	title:'正在加载...'//等待对话框上显示的提示内容
				     },
					 hardwareAccelerated:true
				})
			}
			//昵称跳转
			function userName(){
				if(mui('#userName')[0].innerHTML!='未填写'){
					var name=mui('#userName')[0].innerHTML;
				}else{
					var name='';
				}
				mui.openWindow({
				    url:'user-2.html',
				    id:'user-2.html',
				     show:{
					      autoShow:false,//页面loaded事件发生后自动显示，默认为true
					      duration:200//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
					},
					 waiting:{
				      	title:'正在加载...'//等待对话框上显示的提示内容
				     },
				      extras:{
				      'name':name
				    }
				})
			}
			//个性签名跳转
			function userText(){
				mui.openWindow({
				    url:'user-3.html',
				    id:'user-3.html',
				     show:{
					      autoShow:false,//页面loaded事件发生后自动显示，默认为true
					      duration:200//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
					},
					 waiting:{
				      	title:'正在加载...'//等待对话框上显示的提示内容
				     },
				      extras:{
				      'name':name
				    }
				})
			}
			//实名认证跳转
			function userTrueName(){
				var a=plus.storage.getItem('cg_certification');
				if(a==-1){
						mui.openWindow({
					    url:'user-4.html',
					    id:'user-4.html',
					     show:{
						      autoShow:false,//页面loaded事件发生后自动显示，默认为true
						      duration:200//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
						},
						 waiting:{
					      	title:'正在加载...'//等待对话框上显示的提示内容
					     },
					      extras:{
					      'name':name
					    }
					})
				}else{
					mui.openWindow({
					    url:'user-9.html',
					    id:'user-9.html',
					     show:{
						      autoShow:false,//页面loaded事件发生后自动显示，默认为true
						      duration:200//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
						},
						 waiting:{
					      	title:'正在加载...'//等待对话框上显示的提示内容
					     },
					      extras:{
					      'name':name
					    }
					})
				}
				
			}

			//身份证号跳转
			function idName(){
				if(mui('#idName')[0].getAttribute("data-number")!='未填写'){
					var name=mui('#idName')[0].getAttribute("data-number");
				}else{
					var name='';
				}
				mui.openWindow({
				    url:'user-5.html',
				    id:'user-5.html',
				     show:{
					      autoShow:false,//页面loaded事件发生后自动显示，默认为true
					      duration:200//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
					},
					 waiting:{
				      	title:'正在加载...'//等待对话框上显示的提示内容
				     },
				      extras:{
				      'name':name
				    }
				})
			}

			//性别跳转
			function gender(){
				if(mui('#gender')[0].innerHTML!='未填写'){
					var name=mui('#gender')[0].innerHTML;
				}else{
					var name='';
				}
				mui.openWindow({
				    url:'user-6.html',
				    id:'user-6.html',
				     show:{
					      autoShow:false,//页面loaded事件发生后自动显示，默认为true
					      duration:200//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
					},
					 waiting:{
				      	title:'正在加载...'//等待对话框上显示的提示内容
				   },
					 extras:{
				      'name':name
				    }
				})
			}
			
			//邮箱跳转
			function eMail(){
				if(mui('#eMail')[0].innerHTML!='未填写'){
					var name=mui('#eMail')[0].innerHTML;
				}else{
					var name='';
				}
				mui.openWindow({
				    url:'user-7.html',
				    id:'user-7.html',
				     show:{
					      autoShow:false,//页面loaded事件发生后自动显示，默认为true
					      duration:200//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
					},
					 waiting:{
				      	title:'正在加载...'//等待对话框上显示的提示内容
				   },
					 extras:{
				      'name':name
				    }
				})
			}
			
			//地址
			function city(){
				if(mui('#city')[0].innerHTML!='未填写'){
					var name=$('#city').data('city');
				}else{
					var name='';
				}
				mui.openWindow({
				    url:'user-8.html',
				    id:'user-8.html',
				     show:{
					      autoShow:false,//页面loaded事件发生后自动显示，默认为true
					      duration:200//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
					},
					 waiting:{
				      	title:'正在加载...'//等待对话框上显示的提示内容
				   },
					 extras:{
				      'name':name
				    }
				})
			}
			
			//动态接受数据进行处理
			window.addEventListener("pageflowrefresh", function (e) {
			    //获得事件参数
			    if(e.detail.userImg){
			    	//动态头像修改
			    	mui('#mainImage')[0].src=e.detail.userImg;
			    }else if(e.detail.userName){
			   		mui('#userName')[0].innerHTML=e.detail.userName;
			    }else if(e.detail.userText){
			    	mui('#userText')[0].innerHTML='';
			    }else if(e.detail.userTrueName){
			    	mui('#userTrueName')[0].innerHTML='审核中';
			    }else if(e.detail.idName){
			    	//身份证号抛弃
			    }else if(e.detail.gender){
			    	if(e.detail.gender==1){
			    		mui('#gender')[0].innerHTML='男';
			    	}else{
			    		mui('#gender')[0].innerHTML='女';
			    	}
			    	if(plus.storage.getItem('cg_headimgurl')){
			    			$('#mainImage')[0].src=plus.storage.getItem('cg_headimgurl');
			    	}
			    }else if(e.detail.eMail){
			    	mui('#eMail')[0].innerHTML=e.detail.eMail;
			    }else if(e.detail.city){
			    	//[0]是val,[1]是text;
			    	mui('#city')[0].innerHTML=e.detail.city.split('|')[1]+' '+e.detail.city.split('|')[3];
			    	$('#city').data('city',e.detail.city);
			    }
			});
		</script>
	</body>
</html>

